<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Inicio de sesión</title>
        <script type="text/javascript" src="js/jquery.min.js"></script>
        <script type="text/javascript" src="js/jquery-ui.min.js"></script>
        <script type="text/javascript" src="js/general.js"></script>
        <link rel="stylesheet" type="text/css" href="css/bootstrap-theme.min.css">
        <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
        <link rel="stylesheet" type="text/css" href="css/jquery-ui.min.css">
        <link rel="stylesheet" type="text/css" href="css/jquery-ui.structure.min.css">
        <link rel="stylesheet" type="text/css" href="css/jquery-ui.theme.min.css">
        <link rel="stylesheet" type="text/css" href="css/business-styles.css">

        <%
            String mensaje = request.getAttribute("msg") != null ? request.getAttribute("msg").toString() : "";
            String usuario = request.getAttribute("usuario") != null ? request.getAttribute("usuario").toString() : "";
            String clave = request.getAttribute("clave") != null ? request.getAttribute("clave").toString() : "";
        %>
    </head>
    <body>
        <div class="row">
            <img class="img-responsive img-thumbnail img-rounded" src="images/banner.png" width="100%">
        </div>
        <br>
        <form autocomplete="off" action="./Login" method="POST">
            <div style="text-align: center; padding-left: 7%;"><h1>Inicio de sesión</h1></div>
            <%if (mensaje != null) {%>
            <div style="text-align: center; padding-left: 7%; padding-bottom: 2%; padding-top: 2%;"><font size="3" color="green"><%=mensaje%></font></div>
                <%}%>
            <div class="row">
                <div class="col-md-2 col-md-offset-5">
                    <div class="col-md-6" style="text-align: right;">
                        Usuario:
                    </div>
                    <div class="col-md-6">
                        <input class="form-group" type="text" id="usuario" name="usuario" value="<%=usuario%>"/>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-2 col-md-offset-5">    
                    <div class="col-md-6" style="text-align: right;">
                        Contraseña:
                    </div>
                    <div class="col-md-6">
                        <input class="form-group" type="password" id="clave" name="clave" value="<%=clave%>"/>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-2 col-md-offset-6">
                    <button class="btn btn-default" type="submit" name="accion" value="ingresar">Ingresar</button>
                </div>
            </div>
        </form>
    </body>
</html>
